<template>

  <p>------------------------ 子类的内容 -------------------------------</p>
  <h3>Child</h3>
  <p>子类标题</p>
  <p>来自父类的标题: {{title}}</p>
  <p>{{ dataList}}</p>

  <table v-for="item of dataList" >
    <tg>{{item.id}}</tg>
    <tg>{{item.name}}</tg>
  </table>

  <table class="table" border="1px">
    <tbody>
      <tr>
        <th>ID</th>
        <th>名字</th>
      </tr>
      <tr v-for="item of dataList" :key="item.id">
        <td>{{item.id}}</td>
        <td>{{item.name}}</td>
      </tr>
    </tbody>
  </table>
  <p>------------------------ 子类的内容 -------------------------------</p>
</template>
<script>
export default {
  data() {
    return {

    }
  },
  // 这里使用props承接来自Parent的title,而且title要以字符串的形式存在
  props:["title", "dataList"  ]
}

</script>
